@media screen and (max-width:1200px)

{

	#header .head01 .head01_c{width:auto; padding:0px 0.1rem;}
	#header .head01 .head01_c .logo{width:20%;}
	#header .head01 .head01_c .nav{width:75%;}
	#header .head01 .head01_c .nav ul li > a{ padding:0px 0.15rem;}
	
	.indexbox1 .con{width:auto; padding:0px 0.1rem;}
	.indexbox2 .con{width:auto; padding:0px 0.1rem;}
	.indexbox2 .con .con_l{left:0.1rem;}
	.indexbox3 .con{width:auto; padding:0px 10px;}
	.indexbox4 .tnav .c{width:auto; padding:0px 0.1rem;}
	.indexbox4 .con{width:auto; padding:0px 0.1rem;}
	.indexbox5 .con{width:auto; padding:0px 0.1rem; background:none;}
	.indexbox5 .con ul{ background:#fff;}
	.indexbox6 .con{width:auto; padding:0px 0.1rem;}
	.indexbox7 .con{width:auto; padding:0px 0.1rem;}
	
	
	.main{width:auto;padding:0px 0.1rem;}
	
	.aboutbox1 .txt{width:auto; padding:0px 0.1rem;}
	.aboutbox1 .con{width:auto; padding:0px 0.1rem;}
	.aboutbox2 .con{width:auto; padding:0px 0.1rem;}
	.aboutbox3 .con{width:auto; padding:0px 0.1rem;}
	.aboutbox4 .con{width:auto; padding:0px 0.1rem;}
	
	.menubox .c{width:auto; padding:0px 0.1rem;}
	
	.casebox{width:auto; padding:0px 0.1rem;}
	.xgbox .con{width:auto; padding:0px 0.1rem;}
	
	.dybox{width:auto;padding:0px 0.1rem;}
	
	.partnerbox{width:auto; padding:0px 0.1rem;}
	.newsbox{width:auto; padding:0px 0.1rem;}
	.jobbox{width:auto; padding:0px 0.1rem;}
	
	#footer .foot01 .foot01_c{width:auto; padding:0px 0.1rem;}
	#footer .foot01 .foot01_c .flogo{width:35%;}
	#footer .foot01 .foot01_c .fnav ul li > a{ padding:0px 0.1rem;}
	#footer .foot02 .foot02_c{width:auto; padding:0px 0.1rem;}
	

}



@media screen and (max-width:1024px)
{
	#header .head01 .head01_c .logo{width:15%;}
	#header .head01 .head01_c .nav{width:85%;}
	#header .head01 .head01_c .smenu{display: none}
	#header .head01 .head01_c .nav ul li > a{ padding:0px 8px;}
	.indexbox3 .con{ margin:150px auto;}
	
	.jobbox .con ul li .txt{ padding-left:2.2rem;}
	
	#footer .foot01 .foot01_c .flogo{width:30%;}
	#footer .foot01 .foot01_c .fnav{width:68%;}
	#footer .foot01 .foot01_c .fnav ul li > a{width:auto; padding:0px 8px;}
	
}

@media screen and (max-width:900px)
{
	#footer .foot01 .foot01_c .fnav ul li > a{width:auto; padding:0px 5px;}
}

@media all and (max-width:800px){

	.onlinebox{display:none;}
	#header .head01{height:0.6rem; position:fixed; left:0px; top:0px; z-index:9999; background:#fff;box-shadow:0px 0px 3px #ccc;-webkit-box-shadow:0px 0px 3px #ccc;}
	#header .head01 .head01_c{width:auto; padding:0px 10px;height:0.6rem; position:relative;}
	#header .head01 .head01_c .tel{ display:none;}
	#header .head01 .head01_c .logo{height:0.6rem;width:auto;}
	#header .head01 .head01_c .logo img{height:40px;}

	/*顶部下拉菜单*/

	#header .head01 .head01_c .getAppNav {display:block;font-size: 0.28rem;z-index:6;position:absolute;width: 100%;height: 100%; margin: auto;right: 0;width:0.5rem;text-align: center;cursor: pointer;}
	#header .head01 .head01_c .getAppNav > span {position: absolute;width: 0.28rem;height: 2px;background-color:#3E3A39;top: 0;bottom: 0;left: 0;right: 0;margin: auto;opacity: 1;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
	#header .head01 .head01_c .getAppNav:after {content: '';position: absolute;width: 0.28rem;height: 2px;background-color:#3E3A39;top: -16px;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
	#header .head01 .head01_c .getAppNav:before {content: '';position: absolute;width: 0.28rem;height: 2px;background-color:#3E3A39;top: 16px;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
	#header .head01 .head01_c .menuActive > span {opacity: 0!important;}
	#header .head01 .head01_c .menuActive:after {transform: rotate(45deg);transform-origin: 50% 50%;top: 0px!important;}
	#header .head01 .head01_c .menuActive:before {transform: rotate(-45deg);transform-origin: 50% 50%;top: 0px!important;}

	#header .head01 .head01_c .nav{width:100%;display:none; position:absolute; left:0px; top:0.6rem; background:#fff; z-index:999;/*border-top:1px solid #eee;*/border-bottom:1px solid #eee; margin-top:0px;}
	#header .head01 .head01_c .nav ul{width:100%;}
	#header .head01 .head01_c .nav ul li{width:100%;height:auto;border:0px; border-top:1px solid #eee; text-align:center; float:left;}
	#header .head01 .head01_c .nav ul li.on{ border:0px; border-top:1px solid #eee;}
	#header .head01 .head01_c .nav ul li.on > a{border:0px;background:none;}
	#header .head01 .head01_c .nav ul li > a{ line-height:0.4rem; height:auto; font-size:0.14rem;font-weight: bold;width:100%; display:inline-block; border:0px; padding:0px; }
	#header .head01 .head01_c .nav ul li > a span{ display:none;}
	#header .head01 .head01_c .nav ul li > a.on{border-bottom:0px;color:#333;}
	#header .head01 .head01_c .nav ul li > a:hover{border-bottom:0px;color:#333;background:none;}
	#header .head01 .head01_c .nav ul li .showbox{position:static;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; background:#EBEBEB; overflow:hidden;width:100%;}
	#header .head01 .head01_c .nav ul li .showbox a{width:50%;float:left;}

	#header .banner{ display:none;}
	#header .mbanner{ margin-top:0.6rem; display:block;}
	#header .mbanner a.banner_prev{font-size:0.3rem; margin-left:0px; left:10px;margin-top:-0.5rem;display:none;}
	#header .mbanner a.banner_next{font-size:0.3rem; margin-right:0px; right:10px;margin-top:-0.5rem;display:none;}
	#header .mbanner img{max-width:100%; display:block;}
	#header .mbanner .more_page{ padding:5px 0px; padding-top:10px;bottom:5px;}
	#header .mbanner .more_page span{width:0.1rem; height:0.1rem;}

	#header .banneri{ margin-top:0.6rem;}

	.indexbox1{ padding:0.4rem 0px;}
	.indexbox1 .con .item{width:100%; margin-bottom:0.2rem;}
	.indexbox1 .con .item:last-child{ margin-bottom:0px;}
	.indexbox1 .con .item .num{width:1.2rem; height:1.2rem; line-height:1.2rem; font-size:0.24rem;}
	.indexbox1 .con .item .num sup{ padding-left:2px;top:-15px;}
	
	.indexbox2{ padding:0.4rem 0px;}
	.indexbox2 .tit{ background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center bottom;}
	.indexbox2 .tit h3{ font-size:0.2rem;}
	.indexbox2 .con{ margin:0rem auto; margin-top:0.3rem;}
	.indexbox2 .con .con_l{top:0px;width:0.8rem;}
	.indexbox2 .con .con_l a{font-size:0.12rem;}
	.indexbox2 .con .con_r{ padding-left:1.1rem;}
	.indexbox2 .con .con_r .pic{display:none;}
	.indexbox2 .con .con_r .txt{width:100%;margin-top:0px; }
	.indexbox2 .con .con_r .txt div{height:150px; overflow:hidden;}
	.indexbox2 .con .con_r .txt p{ height:auto;}
	.indexbox2 .con .con_r .txt a.m{ margin-top:5px;}
	
	.indexbox3{}
	.indexbox3 .con{margin:20px 0px;}
	.indexbox4{ padding:0.4rem 0px; background:#F4F4F4; padding-bottom:0.1rem;}
	.indexbox4 .tit{background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center bottom;}
	.indexbox4 .tit h3{font-size:0.2rem;}
	.indexbox4 .tnav{ margin-top:0.1rem;}
	.indexbox4 .tnav .t{border-bottom:0px;}
	.indexbox4 .tnav .t a.on{ background:none;}
	.indexbox4 .tnav .t a:nth-child(2){display:none;}
	.indexbox4 .tnav .t a:nth-child(3){display:none;}
	.indexbox4 .tnav .c{ margin-top:0rem;}
	.indexbox4 .tnav .c ul li{margin:0px; border-right:1px solid #9E9E9F; padding:0px 8px;}
	.indexbox4 .tnav .c ul li:last-child{ border-right:0px;}
	.indexbox4 .tnav .c ul li a{padding:0px;}
	.indexbox4 .tnav .c ul li a.on{ background:none;}
	.indexbox4 .con{ margin-top:0.2rem;}
	.indexbox4 .con ul li{width:100%; margin-bottom:0.1rem;}
	.indexbox4 .con ul li .item{width:100%;margin-bottom:0.1rem;}
	.indexbox4 .con ul li .item:nth-child(1){margin-bottom:0.1rem;}
	.indexbox4 .con ul li .item:last-child{ margin-bottom:0rem;}
	.indexbox4 .con a.m{ margin-top:0.2rem; display:none;}
	.indexbox5{ background:#fff; padding:0.4rem 0px;}
	.indexbox5 .tit{background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center bottom;}
	.indexbox5 .tit p{color:#888;}
	.indexbox5 .tit h3{color:#333; font-size:0.2rem;}
	.indexbox5 .con ul li{width:25%; height:0.6rem;}
	.indexbox5 .con ul li:nth-child(4n){border-right:0px;}
	.indexbox5 .con ul li:nth-last-child(5){border-bottom:1px solid #E9CAAD;}
	.indexbox5 .con ul li:nth-last-child(6){border-bottom:1px solid #E9CAAD;}
	.indexbox5 .con ul li:nth-last-child(7){border-bottom:1px solid #E9CAAD;}
	.indexbox5 .con ul li:nth-last-child(8){border-bottom:1px solid #E9CAAD;}
	
	.indexbox6{ background:#F4F4F4;padding:0.4rem 0px;}
	.indexbox6 .tit{background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center bottom;}
	.indexbox6 .tit p{color:#888;}
	.indexbox6 .tit h3{color:#333; font-size:0.2rem;}
	.indexbox6 .con ul li{width:100%; margin-bottom:0.1rem;}
	.indexbox6 .con a.m{ margin-top:0.3rem;}
	
	.indexbox7{ background:#fff;padding:0.4rem 0px;}
	.indexbox7 .tit{background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center bottom;}
	.indexbox7 .tit p{color:#888;}
	.indexbox7 .tit h3{color:#333; font-size:0.2rem;}
	.indexbox7 .con .con_c .pic{width:100%; height:2rem;}
	.indexbox7 .con .con_c .pic .pic_t{width:1rem;}
	.indexbox7 .con .con_c .txt{width:100%; margin-top:0.2rem;}
	
	.indexbox8{display:block;}
	.indexbox9{display:block;}
	
	.indexbox2 .tit{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox2 .con{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	.indexbox8 .tit{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	.indexbox8 .con{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox8 .con .con_r .txt div{height:250px; overflow:hidden;}
	.indexbox8 .con .con_r .txt p img{max-width:100%;}
	.indexbox8 .con .con_r .txt a.m{ margin-top:5px;}
	
	
	.indexbox4 .tit{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox4 .con ul li .pic{display:none;opacity:1;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
	.indexbox4 .con ul li:nth-child(1) .shadow{transition:2.5s all;-webkit-transition:2.5s all;}
	.indexbox4 .con ul li:nth-child(1) .shadow .shadow_c{ overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center; text-shadow:0px 0px 3px #000; -webkit-text-shadow:0px 0px 3px #000;}
	.indexbox4 .con ul li:nth-child(1) .shadow .shadow_c p.c{ display:none;}
	
	.indexbox4 .con ul li .item .shadow{transition:2.5s all;-webkit-transition:2.5s all;}
	.indexbox4 .con ul li .item .shadow .shadow_c{ overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center; text-shadow:0px 0px 3px #000; -webkit-text-shadow:0px 0px 3px #000;}
	.indexbox4 .con ul li .item .shadow .shadow_c p.c{ display:none;}

	
	
	.indexbox5 .tit{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	.indexbox5 .con{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox6 .tit{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox6 .con{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	.indexbox7 .tit{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	.indexbox7 .con{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}

	.indexbox9 .tit{ display:none;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
	.indexbox9 .con{ display:none;-webkit-animation-name:fadeInLeft;animation-name: fadeInLeft;}
	
	.menubox{ margin-top:0px;}
	.menubox .t{ line-height:0.14rem; height:auto; padding:10px 0px;}
	.menubox .t .t_c{width:3.2rem; margin:0px auto;}
	.menubox .t a{line-height:0.14rem;padding:0px 15px; border-right:1px solid #717071; margin:7px 0px;}
	.menubox .t a:nth-child(3){border-right:0px;}
	.menubox .t a.on{background:none; padding-bottom:0px;color:#73bb2f;}
	.menubox .t a:last-child{border-right:0px;}
	
	.menubox .t1{ line-height:0.14rem; height:auto;width:100%; padding:15px 10px; text-align:left; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.menubox .t1 a{width:32%;line-height:0.2rem;padding:0px;padding-left:10px; margin:0px auto; display:block; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-right:2%;}
	.menubox .t1 a:last-child{ margin-right:0px;}
	.menubox .t1 a.on{background:url(../images/tb04.png)/*tpa=http://www.mall-js.com/skin/habw/images/tb04.png*/ no-repeat left 6px; padding-bottom:0px;color:#73bb2f;}
	
	
	.aboutbox1{ margin-top:0.2rem;}
	.aboutbox1 .tit{ display:none;}
	.aboutbox1 .txt{ margin-top:0px;}
	.aboutbox1 .txt p{font-size:0.14rem; line-height:0.25rem;}
	.aboutbox1 .con{margin:0.2rem 0px; margin-top:0.3rem;}
	.aboutbox1 .con .item{width:100%; margin-bottom:0.2rem;}
	.aboutbox1 .con .item .num{width:1.2rem; height:1.2rem; line-height:1.2rem; font-size:0.24rem;}
	.aboutbox1 .con .item .num sup{ padding-left:2px;top:-15px;}
	.aboutbox2{ background:#f4f4f4;}
	.aboutbox2 .con{background:none; margin:0.2rem 0px; padding:0px 0.3rem;}
	.aboutbox2 .con .txt{ margin-left:0px;width:100%;color:#333;}
	
	.aboutbox3{display:none;}
	
	.aboutbox4{ margin-top:0.1rem;}
	.aboutbox4 .tit h3{ font-size:0.2rem;}
	.aboutbox4 .con{margin-top:0.2rem;min-height:auto; margin-bottom:0.3rem;}
	
	.casebox{ margin-top:0.1rem; margin-bottom:0.3rem;}
	.casebox .casebox_l{width:100%;}
	.casebox .casebox_l ul{ margin-bottom:0.2rem;}
	.casebox .casebox_l ul li{width:100%; margin:0px; margin-bottom:10px;}
	.casebox .casebox_r{ display:none;}
	
	.menubox .c ul li{border-left:1px solid #fff;border-right:1px solid #B8B7B8; margin:5px 0px; padding:0rem; line-height:0.16rem;width:25%; float:left; text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:0.16rem; overflow:hidden;}
	.menubox .c ul li:nth-child(4n){border-right:0px;}
	.menubox .c ul li:last-child{border-right:0px;}
	.menubox .c ul li a.on{ background:none;color:#73bb2f; }
	.menubox .c ul li a{ padding-left:0px;}
	
	.xgbox .tit{ background:url(../images/line03.png)/*tpa=http://www.mall-js.com/skin/habw/images/line03.png*/ no-repeat center center;}
	.xgbox .tit h3{ font-size:0.2rem; margin-top:0.35rem;}
	.xgbox .con{ margin:0.2rem 0px;}
	.xgbox .con ul li{width:49%;float:left; margin-right:0px; margin-bottom:2%;}
	.xgbox .con ul li .shadow{ padding:15px;}
	.xgbox .con ul li .shadow .shadow_c p.t{ font-size:14px;}
	.xgbox .con ul li .shadow .shadow_c p.c{ font-size:12px;}
	.xgbox .con ul li:nth-child(2n){ float:right;}
	
	.lmbox{margin-top:0.2rem;padding-bottom:0.3rem;}
	.lmbox h3{font-size:0.2rem;}
	.dybox{margin:0.2rem 0px;}
	.dybox .con{min-height:auto;}
	
	.partnerbox{ margin:0.3rem auto;}
	.partnerbox .con ul{ margin-bottom:0.3rem;}
	.partnerbox .con ul li{width:25%; height:0.6rem;}
	.partnerbox .con ul li:nth-child(4n){border-right:0px;}
	.partnerbox .con ul li:nth-last-child(5){border-bottom:1px solid #E9CAAD;}
	.partnerbox .con ul li:nth-last-child(6){border-bottom:1px solid #E9CAAD;}
	.partnerbox .con ul li:nth-last-child(7){border-bottom:1px solid #E9CAAD;}
	.partnerbox .con ul li:nth-last-child(8){border-bottom:1px solid #E9CAAD;}
	
	.newsbox{ margin:0.3rem auto;}
	.newsbox .con ul{ margin-bottom:0.2rem;}
	.newsbox .con ul li{width:100%; margin:0px; margin-bottom:10px;}
	
	.jobbox{ margin:0.3rem 0px;}
	.jobbox .tit{ text-align:left;}
	.jobbox .con ul li{ padding:0.2rem 0px;}
	.jobbox .con ul li .name{width:100%; position:static; font-size:0.16rem;}
	.jobbox .con ul li .txt{width:100%; padding-left:0px; margin-top:0.2rem; font-size:0.12rem; line-height:0.25rem;}
	
	.pages a{ margin-top:5px; margin-bottom:5px;}
	
	#footer .foot01{ height:1.9rem;background:#595757 url(../images/logo3.png)/*tpa=http://www.mall-js.com/skin/habw/images/logo3.png*/ no-repeat center 1.1rem;}
	#footer .foot01 .foot01_c{max-width:3.2rem; padding:0px; overflow:hidden; margin:0px auto;}
	#footer .foot01 .foot01_c .flogo{display:none;}
	#footer .foot01 .foot01_c .fnav{width:100%;text-align:center; margin-top:0.3rem;}
	#footer .foot01 .foot01_c .fnav ul{ text-align:center;}
	#footer .foot01 .foot01_c .fnav ul li{margin:5px 0px;}
	#footer .foot01 .foot01_c .fnav ul li:nth-child(4){ border-right:0px;}
	#footer .foot01 .foot01_c .fnav ul li > a{ padding:0px 12px; font-size:0.13rem;}
	#footer .foot02{ background:#595757;}
	#footer .foot02 .foot02_c{color:#fff; line-height:0.25rem; padding-bottom:0.2rem;}
	#footer .foot02 .foot02_c a{color:#fff;}
}